@charset "utf-8";
/* Style Reset
----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote 
{ margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.clear { clear:both;}
a{text-decoration:none;outline:0;}
center{padding:20px 0;}
/* topbg */
body{background:url(../images/bg.jpg) 0 0 repeat;}
.topbg{width:100%;height:110px;}
.top{width:980px;height:110px;margin:0 auto; background:url(../images/topbg.jpg) no-repeat;}
.logo{float:left;margin:19px 0 0 13px;display:inline}
.toptel{float:right;margin:70px 18px 0 0;display:inline; font-size:22px;
color:#1177c1;
font-family:"Georgia";
font-weight:bold;}
.navbg{width:100%;height:82px;background:url(../images/navbg.jpg) 0 0 repeat-x;padding-top:4px;}
.nav{width:980px;margin:0 auto;height:82px;}
.nav a{display:block;width:108px;height:82px;float:left;text-align:center;background:url(../images/navborder.jpg) 0 0 no-repeat;}
.nav a span{font:16px/22px '微软雅黑';padding-top:20px;display:block;color:#00303f;}
.nav a p{font:12px/18px 'Arial';color:#989393;text-transform:uppercase;}
.nav a:hover{background:url(../images/hover.jpg) 0 0 no-repeat;}
.nav a:hover p{color:#fff;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/* banner */
.banner{width:1002px;margin:0 auto;}
div.wrapper {width:1004px; margin: 0 auto; position: relative;overflow:hidden;}
.fn-clear { zoom: 1; }
.bannercenter{width:980px;margin:0 auto;position:relative;z-index:999}
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.cubeRandom{ margin:0px auto;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;}
.box_skitter .prev_button { position: absolute; top:160px; left:0; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top:160px; right:0; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
#slideshow { width:100%; height:338px; }
#slideshow ul { display: none;}
/* searchbox */
.searchbox{width:980px;height:67px;margin:3px auto;}
.marquee{width:980px;height:67px;background:url(../images/marqueebg.png) no-repeat;}
.martitle{float:left;font:18px/67px '微软雅黑';color:#6edcff;padding-left:86px;}
.marquee marquee{float:left;width:430px;height:67px;font:14px/67px '宋体';color:#6edcff;}
.search{float:left;width:332px;height:45px;}
.text{float:left;width:217px;height:34px;margin-top:18px;font:14px/34px '宋体';color:#63777d;text-indent:14px;border:0;background:url(../images/text.jpg) 0 0 no-repeat;display:inline;margin-left:5px;}
.select{float:left;width:60px;height:34px;border:0;background:url(../images/text.jpg) no-repeat -217px 0;margin-top:18px;}
.button{float:left;background:url(../images/button.jpg) no-repeat;width:45px;height:45px;border:0;margin-top:11px;}
.select select{margin:5px auto;width:52px;}
.searchBar span{ float:right; margin-top:6px;}
.searchBar span a{ color:#666; margin-right:8px;}
.searchBar span a:hover{ color:#ef9b11;}
.searchBar .select {float:left;margin-top:1px; display:inline; margin-right:8px;}
.searchBar .text {float:left;}
.searchBar .text input{width:214px; padding-top:3px; height:17px; border:1px solid #b7d1eb;}
div.selectbox-wrapper{border-right: #b7d1eb 1px solid;border-top: #b7d1eb 0 solid;overflow:hidden;border-left: #b7d1eb 1px solid;width:57px;border-bottom: #b7d1eb 1px solid;position: absolute;background: #fff;text-align:left;*margin-top:0;z-index:10;}
div.selectbox-wrapper ul li.selected {background-color: #e0ecf7;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#36c}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:60px;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:14px;font-family:'微软雅黑';color:#666;}
.selectbox{border:none;display:block;width:60px;text-align:center;cursor:pointer;height:32px;background:none;font-size:14px;font-family:'微软雅黑';color:#b3c0c3;line-height:32px;}
.btn{float:left;display:inline;margin-left:8px;margin-top:2px;}
.telpic{float:right;}
/* con1 */
.con1{width:980px;height:500px;margin:0 auto;}
.con1left{width:234px;float:left;}
.lefttitle{width:234px;height:66px;background:url(../images/lefttitle.jpg) 0 0 no-repeat;text-align:center;}
.lefttitle span{font:600 20px/24px '微软雅黑';color:#128fc2;padding-top:10px;display:block;}
.lefttitle p{font:14px/16px 'Arial';color:#ababab;text-transform:uppercase;}
.leftnav{width:222px;border:1px solid #cecece;margin:0 auto 15px;background:#f2f3f3;}
.leftnav li{width:100%;}
.leftnav li a{color:#666;font:14px/44px '宋体';text-indent:37px;display:block;background:url(../images/leftlibg.jpg) 0 0 no-repeat;}
.leftnav li a:hover{background:url(../images/lefthover.jpg) 0 0 no-repeat;color:#333;}
.lookmore{display:block;width:100%;height:52px;text-align:center;font:14px/52px '宋体';color:#333;}
.leftnav li li{width:100%;height:42px;border-bottom:1px solid #fff;}
.leftnav li li a{display:block;width:100%;height:41px;border-bottom:1px solid #cecece;background:url(../images/icons2.jpg) 64px center no-repeat;text-indent:71px;font:12px/41px '宋体';}
.leftnav li li a:hover{display:block;width:100%;height:41px;border-bottom:1px solid #cecece;background:url(../images/icons2.jpg) 64px center no-repeat;text-indent:71px;color:#333;font:12px/41px '宋体';}
.con1right{width:744px;float:left;}
.con1right li{width:248px;float:left;height:244px;}
.con1right li a{display:block;width:229px;height:223px;background:url(../images/picbg.jpg) 0 0 no-repeat;padding:4px;position:relative;float:right;}
.con1right li p{width:229px;height:40px;background:url(../images/blackbg.png) 0 0 repeat;text-align:center;font:14px/40px '微软雅黑';color:#fff;left:4px;bottom:12px;z-index:9;position:absolute;}
.con1right li img{display:block;}
/* con2 */
.con2{width:980px;height:366px;background:url(../images/con2bg.jpg) 0 0 no-repeat;margin:0 auto;}
.con2left{float:left;width:641px;height:347px;padding:5px 0 0 4px;position:relative;}
.con2title{width:100%;height:66px;}
.con2title p{width:233px;height:54px;background:url(../images/titlebg.jpg) 0 1px no-repeat;margin:0 auto;font:14px/54px 'Arial';color:#b8eafe;text-shadow:1px 1px 1px #08578b;text-align:center;text-transform:uppercase;}
.chinese{font:20px/44px '微软雅黑';color:#fff;text-shadow:1px 1px 1px #095a8c;}
.newspic{display:inline;width:270px;height:224px;float:left;margin:0 12px;}
.newsul{width:315px;float:left;}
.newsul li{width:100%;height:44px;background:url(../images/border1.jpg) 0 bottom repeat-x;}
.newsul li a{display:block;width:100%;height:42px;background:url(../images/icons1.jpg) 4px center no-repeat;text-indent:15px;color:#666;font:12px/42px '宋体';}
.newsul li a:hover{color:#333;}
.clickmore{display:block;background:url(../images/clickmore.jpg) 0 0 no-repeat;width:210px;height:37px;font:14px/37px '宋体';text-align:center;margin-left:-105px;color:#666;left:50%;bottom:0;position:absolute;}
.con2right{float:left;width:326px;height:347px;background:url(../images/con2shadow.jpg) 0 center no-repeat;padding-top:5px;position:relative;}
.con2con{width:270px;padding-left:46px;font:12px/28px '宋体';color:#666;}
.company{font:18px/46px '微软雅黑';color:#333;}
.telnumber{background:url(../images/coffee.jpg) 0 center no-repeat;height:50px;width:280px;margin-left:-50px;font:20px/38px '微软雅黑';color:#f57800;text-indent:72px;}
/* con3 */
.con3{width:980px;height:328px;margin:0 auto;}
.con3title{width:100%;height:34px;padding-top:40px;}
.titlename1{float:left;font:20px/28px '微软雅黑';color:#128fc2;text-indent:6px;}
.titlename2{float:left;font:14px/38px 'Arial';color:#ababab;height:28px;overflow:hidden;text-transform:uppercase;}
.btnbox2{float:right;padding-right:8px;}
.btnbox2 img{display:block;width:26px;height:20px;float:left;margin-left:4px;}
.titleborder{width:100%;background:url(../images/border2.png) 0 0 repeat-x;height:6px;clear:both;}
.con3ul{width:980px;overflow:hidden;height:225px;padding-top:8px;}
.con3ul div{width:3000px;height:225px;}
.con3ul a{display:inline;float:left;width:226px;margin-right:20px;}
.prevpic{display:block;width:26px;height:20px;float:left;margin-left:4px;background:url(../images/prevpic2.jpg) 0 0 no-repeat;}
.prevnone{display:block;width:26px;height:20px;float:left;margin-left:4px;background:url(../images/prevpic.jpg) 0 0 no-repeat;}
.nextpic{display:block;width:26px;height:20px;float:left;margin-left:4px;background:url(../images/nextpic2.jpg) 0 0 no-repeat;}
.nextnone{display:block;width:26px;height:20px;float:left;margin-left:4px;background:url(../images/nextpic.jpg) 0 0 no-repeat;}
/* foot */
.footborder{width:100%;height:0;overflow:hidden;border-top:1px solid #02121a;border-bottom:1px solid #1d3643;}
.footbg{width:100%;height:188px;background:url(../images/footbg.jpg) 0 0 repeat;padding-top:27px;}
.links{width:980px;height:38px;margin:0 auto 20px;}
.linkstitle{float:left;width:166px;height:38px;display:inline;margin-right:16px;}
.links a{float:left;color:#fff;font:12px/38px '宋体';display:inline;}
.links span{float:left;font:12px/38px '宋体';margin:0 16px;color:#214c62;display:inline;}
.footnavbg{width:100%;height:42px;background:#000;}
.footnav{width:980px;height:42px;margin:0 auto;}
.footnav a{font:12px/42px '宋体';color:#fff;margin:0 26px;}
.footname{width:980px;margin:0 auto;height:70px;padding-top:18px;text-align:center;}
.footname p{font:12px/26px '宋体';color:#fff;}
.footname a{color:#fff;margin:0 3px;}
.footname span{margin:0 7px;}

/* subpage */
.subpage{width:980px;margin:0 auto;}
.left{float:left;width:234px;display:inline;}
.lefttitle2{width:234px;height:66px;background:url(../images/lefttitle.jpg) 0 0 no-repeat;}
.lefttitle2 p{width:100%;height:66px;background:url(../images/icons3.png) 14px center no-repeat;text-indent:54px;font:14px/16px 'Arial';color:#ababab;text-transform:uppercase;}
.lefttitle2 p span{display:block;}
.chinese2{font:600 20px/24px '微软雅黑';color:#666;padding-top:10px;display:block;}
.leftcontact{width:198px;padding-left:24px;border:1px solid #cecece;font:12px/26px '宋体';color:#666;margin:0 auto 15px;background:#ebebeb;}
.telnumber2{background:url(../images/coffee.jpg) 0 center no-repeat;height:50px;width:220px;font:600 16px/38px '微软雅黑';margin:10px 0 10px -20px;color:#e25800;text-indent:72px;}
.right{width:733px;float:left;border:1px solid #cecece;background:#f7f7f7;margin-left:10px;display:inline;margin-bottom:15px;}
.righttitle{width:100%;height:55px;}
.rightname{width:233px;height:54px;background:url(../images/titlebg.jpg) 0 1px no-repeat;margin:0 auto;font:14px/54px 'Arial';color:#b8eafe;text-shadow:1px 1px 1px #08578b;text-align:center;text-transform:uppercase;float:left;margin-left:9px;display:inline;}
.righttitle div{float:right;font:12px/54px '宋体';color:#666;padding:0 20px 0 38px;background:url(../images/icons4.jpg) 0 center no-repeat;}
.righttitle div a{color:#666}
.rightcon{width:96%;margin:10px auto;font:14px/30px '宋体';color:#666;}
/* news */
.news{width:100%;}
.news li{width:100%;height:50px;background:url(../images/border1.jpg) 0 bottom repeat-x;}
.news li a{font:14px/48px '宋体';color:#666;background:url(../images/icons1.jpg) 20px center no-repeat;padding-left:31px;}
.news li a:hover{font:14px/48px '宋体';color:#333;background:url(../images/icons1.jpg) 20px center no-repeat;padding-left:31px;}
.news li span{float:right;padding-right:42px;font:14px/48px '宋体';}
.news li.none{background:none;height:15px;overflow:hidden;}
/* pages */
.pages{width:100%;height:28px; margin:14px 0; clear:both;}
.pages ul{float:right; margin:0 15px 0 0; display:inline;}
.pages ul li{float:left; display:inline; margin:0 7px 0 0; font:500 14px/28px 宋体;color:#313e58;width:26px;height:26px;border:1px solid #8e9fc0;background:url(../images/btnbg.jpg) 0 0 repeat-x; text-align:center;}
.pages ul li a{color:#313e58; display:block;width:26px;height:26px;}
.pages ul li.prev{width:64px;height:26px;background:url(../images/prev_page.jpg) 0 0 no-repeat;text-indent:13px; border:1px solid #8e9fc0; text-align:left;}
.pages ul li.prev a,.pages ul li.next a{display:block;width:64px;height:26px;}
.pages ul li.ok a{display:block;width:55px;height:28px;}
.pages ul li.next{width:64px;height:26px;background:url(../images/next_page.jpg) 0 0 no-repeat;text-indent:6px; border:1px solid #8e9fc0; text-align:left;}
.pages ul li.clickli{font-weight:bold;}
.pages ul li.dot{border:0; background:none; color:#313e58;}
.pages ul li.allpage{width:136px;border:0;background:none;}
.allpage input{width:26px;height:26px;border:1px solid #8e9fc0;text-align:center;background:url(../images/btnbg.jpg) 0 0 repeat-x;margin:0 5px;color:#313e58;font:14px/26px 宋体;}
.pages ul li.ok{background:url(../images/okbg.jpg) no-repeat 0 0;width:55px;height:28px;border:0; float:left;}
.pages ul li.ok a{color:#88d7ff;}
/* product */
.product{width:703px; margin-left:12px;}
.product li{float:left;width:234px;height:230px;}

.product li img{width:225px; height:190px;}
.product li p{width:225px;height:30px; text-align:center; font-size:14px;color:#000; line-height:30px;}
.product li p a{ color:#000; background:none; text-align:center;}
/* caseul */
.caseul{width:96%;margin:10px auto;}
.caseul li{width:100%;height:190px;padding-top:18px;background:url(../images/border1.jpg) 0 bottom repeat-x;}
.casepic{display:block;width:166px;height:162px;float:left;padding:3px;background:url(../images/casebg.jpg) 0 0 no-repeat;}
.caselink{float:left;width:525px;display:block;overflow:hidden;height:42px;padding-left:6px;font:600 12px/42px '宋体';color:#333;}
.caseul li div{width:525px;float:left;height:128px;overflow:hidden;font:12px/32px '宋体';color:#666;padding-left:6px;}
/* book*/
.bookmain{width:650px; margin:0 auto; height:auto;}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; float:left; margin-top:10px;}
.book3{ width:650px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:470px; height:30px; float:left; color:rgb(30,54,1); padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1); text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.messagecol{ color:rgb(30,54,1);}
.admincol{ color:rgb(30,54,1); font-weight:bold;}
.admintimecol{ color:rgb(30,54,1); float:right; *margin-top:-17px;}
.message{ width:600px; height:auto;float:left;padding-left:50px; color:rgb(30,54,1);}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; font-size:12px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left; text-align:right;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}
.c_red{color:red;margin-left:4px;position:relative;z-index:9;}
/* hr */
.hr{ margin:10px auto; width:100%;font-size:12px;line-height:24px; border:1px #CCC solid; background-color:#fff;}
.hr td{ border:1px #CCC solid;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}
/* view */
.rightcon h1{width:100%;text-align:center;font:18px/30px '宋体';color:#333;}
.datetitme{width:100%;text-align:center;height:40px;font:12px/14px '';color:#999;background:url(../images/border3.jpg) 0 bottom repeat-x;margin-bottom:10px;}
.back{display:block;width:100px;height:30px;margin:10px auto;color:#007fb0;}
.page{width:100%;height:50px;text-indent:29px;background:url(../images/border3.jpg) 0 bottom repeat-x;font:12px/48px '宋体';color:#333;}
.page a{color:#ff7301;}

#demo {
overflow:hidden;
width: 980px;
}
#indemo {
float: left;
width: 800%;}
#demo1 {
float: left;
}
#demo2 {
float: left;
}